<%-- 
    Document   : pagos
    Created on : 05-feb-2015, 0:23:27
    Author     : Leonardo
--%>


<ol class="breadcrumb">
    <li>Cuentas</li>
    <li class="active">Pagos</li>
</ol>

<div class="row">
    <div class="col-md-12">
        <section class="widget">
            <div class="form-horizontal">
                <div class="widget-body">
                    <fieldset>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Tipo Pago</label> 
                            <div class="col-sm-6"> 
                                <div>
                                    <select id="tipoPago">
                                        <option value="1">Gastos Fijos</option>
                                        <option value="2">Gastos Variables</option>
                                        <option value="3">Sueldos</option>
                                    </select>
                                </div>
                            </div>
                         </div>
                    </fieldset>
                </div>
            </div>
        </section>
    </div>
</div>
<div id="desplegablePagos"></div>
    
<script>
    $('#tipoPago').val('1');
    javascript: cargaAjax('modules/subPantalla.ValorMesGastos.jsp', 'desplegablePagos', ''); 
    
    $('#tipoPago').change(function(){
        if($('#tipoPago').val() == 1)
        {
            javascript: cargaAjax('modules/subPantalla.ValorMesGastos.jsp', 'desplegablePagos', ''); 
        }
        else if($('#tipoPago').val() == 2)
        {
            javascript: cargaAjax('modules/subPantalla.ValorMesGastosVariables.jsp', 'desplegablePagos', ''); 
        }
        else if($('#tipoPago').val() == 3)
        {
            javascript: cargaAjax('modules/subPantalla.ValorMesSueldoPersonal.jsp', 'desplegablePagos', ''); 
        }
    });
</script>